<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>vip工作台日志详情</title>
    <link rel="stylesheet" href="../../mobile_static/css/element.css">
    <link rel="stylesheet" href="../../mobile_static/css/base.css">
    <link rel="stylesheet" href="../../mobile_static/css/clientexceptionLog.css">
    <link rel="stylesheet" href="../../mobile_static/css/logCommonComponent.css">
    <script src="../../mobile_static/js/vue.js"></script>
    <script src="../../mobile_static/js/axios.js"></script>
</head>

<body>
    <div id="app">
        <div class="app-content">
            <div class="top-bar">

            </div>

            <!-- 表格 -->
            <div class="table-box">
                <!-- 过滤条件 -->
                <div class="table-title">
                    <div class="bog" >
                        <p class="Rturn" > 返回</p>
                    </div>
                    <div class="bogUl">
                        <ul class="UL1">
                            <li>
                                <span class="span1">客户端类型</span>
                                <span class="span2">iPhone</span>
                                <!-- SoftwareType -->
                            </li>
                            <li>
                                <span class="span1">客户端版本</span>
                                <span class="span2">1.4.7</span>
                                <!-- SoftwareVersion -->
                            </li>
                            <li>
                                <span class="span1">登录设备版本</span>
                                <span class="span2">iOS15.0</span>
                                <!-- OSVersion -->
                            </li>
                            <li>
                                <span class="span1">当前网络状态</span>
                                <span class="span2">WIFI-无线网络</span>
                                <!-- NetworkType -->
                            </li>
                            <li>
                                <span class="span1">网络运营商</span>
                                <span class="span2">中国移动</span>
                                <!-- CarrierName -->
                            </li>
                            <li>
                                <span class="span1">IP地址</span>
                                <span class="span2">10.21.80.89</span>
                                <!-- NetworkIP -->
                            </li>
                            <li>
                                <span class="span1">日期时间</span>
                                <span style="display: flex;font-weight: bold;width: 142px !important;margin-top: 10px;">2022/4/28 14:25:54</span>
                                <!-- LogOccurrenceTime -->
                            </li>
                        </ul>
                    </div>
                    <div class="table-column">
                        <el-table :data="tableData" :header-cell-class-name="headerBg" border style="width: 100%">
                            <el-table-column label="序号"  type="index" width="50">
                            </el-table-column>
                            <el-table-column prop="LogSourceType" label="阶段">
                            </el-table-column>
                            <el-table-column prop="InterAddress" label="接口地址" >
                            </el-table-column>
                            <el-table-column prop="InterParam" label="接口参数">
                            </el-table-column>
                            <el-table-column prop="RequestTime" label="请求时间">
                            </el-table-column>
                            <el-table-column prop="ReturnTime" label="返回时间">
                            </el-table-column>
                            <el-table-column prop="ReturnResult" label="返回结果">
                            </el-table-column>
                            <el-table-column prop="ErrorMsg" label="异常信息">
                            </el-table-column>
                        </el-table>
                    </div>
                </div>

            </div>
        </div>
    </div>
    </div>
</body>

</html>
<script src="../../mobile_static/js/element.js"></script>
<script type="module">

    new Vue({
    el: "#app",
    data() {
      return {
        tableData: [{
          date: '2016-05-02',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1518 弄'
        }]
      }
    },
    created() {

    },
    mounted() {

    },
    watch: {

    },
    methods: {
        headerBg() {
      return 'headerBg'
    },
    }
  })
</script>
<style>
.headerBg{
    background: linear-gradient(180deg, #FAFAFA 0%, #F1F1F1 100%);
        background-size: 100% 100%;
        /* background-repeat: no-repeat !important; */
      }
    
</style>